<template>
	<view>
		<!-- 头部轮播图 -->
		<u-swiper :list="list" height="500"></u-swiper>
		<!-- <u-image src="https://go.cdn.heytea.com/storage/ad/2020/05/21/2315beb5105944e8b795c5c0084ec99f.jpg" width="100%" height="auto" mode="widthFix"></u-image> -->
		<view class="menu">
			<u-row gutter="16" justify="space-between">
				<u-col span="8">
					<view style="padding: 80rpx 0rpx;text-align: center;">
						<view class="text">快捷点餐</view>
						<view style="color: #82848A;">快速下单，免排队</view>
					</view>
				</u-col>
				<u-col span="4">
					<view>
						<u-icon name="bag-fill" color="#dd6161" size="120"></u-icon>
					</view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	export default {
		components: {
		   
		},
		data() {
			return {
				list: [{
						image: 'https://images.qmai.cn/s23107/2020/04/30/b3af19e0de8ed42f61.jpg?imageView2/2/w/600/h/600',
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
					}
				],
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.menu{
		margin-left: 20rpx;
		margin-right: 20rpx;
		background-color: #FFFFFF;
		border-radius: 10rpx;
		padding-top: 20rpx;
		position: relative;
		margin-top: -100rpx;
		z-index: 999;
		opacity: 0.9;
		box-shadow:0px 0px  10px 0px #e4e7ed;
	}
	.text{
		font-weight: bold;
		font-size: 34rpx;
	}
</style>
